<template>
  <div class="map-item">
    <iframe frameborder="no" border="0" :src="`${commonPath}/index.html?cityCode=${cityInfo.cityCode}&lng=${cityInfo.center[0]}&lat=${cityInfo.center[1]}`" style="width: 100%; height: 100%"></iframe>
  </div>
</template>

<script>
  import { mapState } from 'vuex'

  export default {
    computed: {
      ...mapState(['cityInfo'])
    },
    data () {
      return {
        commonPath: '../../../../../../static/traffic-bus-lines'
      }
    },
    mounted () {
      this.onReady()
    },
    methods: {
      onReady () {
        const { cityInfo } = this
      }
    }
  }
</script>

